<template>
    <view class="container">
        <view class="b-h"></view>
        <view class="icon_success"></view>
        <view class="title">恭喜注册成功</view>
        <view class="desc">欢迎加入一品·扫码进入福利社</view>
        <view class="icon-down"></view>
        <image
            class="qrcode"
            src="https://img.ionepin.com/d899ce0da1e2b6093df2b87972607a0563cdbe7a.jpeg"
        ></image>
        <view class="name">【扫一扫进入一品公众号】</view>
    </view>
</template>

<script>
    export default {
        name: "follow",
        data() {
            return {

            }
        },
        onLoad(option) {

        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .container {
        background: url("https://img.ionepin.com/ec4c7f6e8d924ae7742928995d76f98f25efae2b.png") no-repeat;
        background-size: 100% 100%;
        width: 100vw;
        height: 100vh;
        .b-h {
            height: 134rpx;
        }
        .icon_success {
            background: url("https://img.ionepin.com/8afede14600faa4bb9c4c2b16f1025d93e3f212e.png") no-repeat;
            background-size: 100% 100%;
            width: 168rpx;
            height: 168rpx;
            margin: 0 auto;
        }
        .title {
            text-align: center;
            font-size: 42rpx;
            font-weight: bold;
            color: #FFFFFF;
        }
        .desc {
            text-align: center;
            font-size: 32rpx;
            font-weight: 400;
            color: #FFFFFF;
            margin-top: 53rpx;
            margin-bottom: 36rpx;
        }
        .icon-down {
            background: url("https://img.ionepin.com/ece0bac0c2a4f710dc34e312f4d4a3077a202afa.png") no-repeat;
            background-size: 100% 100%;
            width: 22rpx;
            height: 29rpx;
            margin: 0 auto;
        }
        .qrcode {
            display: block;
            width: 338rpx;
            height: 338rpx;
            margin: 20rpx auto 50rpx auto;
        }
        .name {
            font-size: 28rpx;
            font-weight: 400;
            color: #D9D1FF;
            line-height: 44rpx;
            letter-spacing: 1px;
            text-align: center;
        }
    }
</style>
